﻿@model FashionWebsite.Models.page<FashionWebsite.Models.Product>
@{
    Layout = null;
}
<script type="text/javascript">
    $().ready(function () {
        $(".page-number").live("click", function () {

            var pageindex = parseInt($(this).html());

            $.ajax({
                url: '@Url.Action("PersonList")',
                    data: { "page": pageindex },
                    success: function (data) {
                        $("#person-list").html(data);
                    }
                });
            });
        });
</script>
<div id="cphMain_ctl00_ContentPane" class="center" style="padding-left:13px">
<link rel="stylesheet" href="App_Themes/FashionShop/css/nivo-slider.css" type="text/css" media="screen">
<script src="Scripts/jquery_002.js" type="text/javascript"></script>
<style type="text/css">
#slider{ background: #202834 url(http://static.bizwebmedia.net/images/loading2.gif) no-repeat 50% 50%; height: 220px; margin-bottom: 10px; overflow: hidden; position: relative; width: 535px; }
#slider img{ display: none; left: 0px; position: absolute; top: 0px; }
#slider a{ border: 0; }
.nivo-controlNav{ bottom: -30px; left: 47%; position: absolute; }
.nivo-controlNav a{ background: url(http://static.bizwebmedia.net/images/bullets.png) no-repeat; border: 0; display: block; float: left; height: 10px; margin-right: 3px; text-indent: -9999px; width: 10px; }
.nivo-controlNav a.active{ background-position: -10px 0; }
.nivo-directionNav a{ background: url(http://static.bizwebmedia.net/images/arrows.png) no-repeat; border: 0; display: block; height: 34px; text-indent: -9999px; width: 32px; }
a.nivo-nextNav{ background-position: -32px 0; right: 10px; }
a.nivo-prevNav{ left: 10px; }
#slider p{ font-family: Arial, sans-serif; margin-left: 10px; }
#slider p span{ font-family: Helvetica; font-size: 10px; }
.nivo-caption{ height: 40px; }
.nivo-caption { display: none !important; }
.nivo-caption p{ font-family: Arial; font-size: 14px; padding-top: 10px; }
</style>
<script type="text/javascript">
    $().ready(function () {
        $(".page-number").live("click", function () {

            var pageindex = parseInt($(this).html());

            $.ajax({
                url: '@Url.Action("test")',
                    data: { "page": pageindex },
                    success: function (data) {
                        $("#person-list").html(data);
                    }
                });
            });
        });
</script>
<script type="text/javascript">
    $j(window).load(function () {
        $j('#slider').nivoSlider({
            effect: 'random', //Specify sets like: 'fold,fade,sliceDown' fade
            slices: 15,
            width: 535,
            height: 220,
            animSpeed: 500,
            pauseTime: 5000,
            startSlide: 0, //Set starting Slide (0 index)
            directionNav: true, //Next & Prev
            directionNavHide: true, //Only show on hover
            controlNav: true, //1,2,3...
            controlNavThumbs: false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel: false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav: true, //Use left & right arrows
            pauseOnHover: true, //Stop animation while hovering
            manualAdvance: false, //Force manual transitions
            captionOpacity: 0.0, //Universal caption opacity
            beforeChange: function () { },
            afterChange: function () { },
            slideshowEnd: function () { } //Triggers after all slides have been shown
        });
    });
</script>


<div id="HomeFeaturedProducts" class="Block FeaturedProducts DefaultModule">
    <div class="defaultTitle TitleContent">
        <span><div class="category-title ">
       
            Sản phẩm
    </div>
            <div class="FloatRight ">
        Sắp xếp theo:
        <select id="orderby" onchange="window.location.href = '/san-pham-p7.html?sort='+ this.options[ this.selectedIndex ].value">
            <option value="newest">Mới nhất</option>
            <option value="featured">Nổi bật</option>
            <option value="bestselling">Bán chạy nhất</option>
            <option value="alphaasc">Sắp xếp: A - Z</option>
            <option value="alphadesc">Sắp xếp: Z - A</option>
            <option value="priceasc">Giá: Thấp - Cao</option>
            <option value="pricedesc">Giá: Cao - Thấp</option>
        </select>
    </div>
        </span>
         
    </div>
    
   <div class="defaultContent BlockContent">
         <div id="person-list">
                
               @Html.Partial("PersonList")

               </div>
              
    </div>
 

    <div class="defaultFooter FooterContent">
        <div></div>
    </div>
    <div class="Clear"></div>
</div>